/* 商品详情样式 */
.product-details {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.product-image {
    max-width: 100%;
    height: auto;
    display: block;
    border: 1px solid #acaeb2; /* 来自您的.photo_xi类 */
}

.itemInfo-wrap {
    margin-left: 20px;
    flex-grow: 2; /* 让信息部分填充更多空间 */
}

.user-comments {
    background-color: #f9f9f9;
    border-top: 2px solid #dcdcdc;
    padding: 15px;
    margin-top: 20px;
}

.comments-container .comment {
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    padding: 10px;
    margin-bottom: 10px;
}

.comment-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.comment-author, .comment-date {
    font-weight: bold;
}

.comment-body {
    padding-left: 10px;
}


/* 添加评论样式 */
.add-comment-section {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    margin-top: 20px;
}

.add-comment-section h2 {
    margin-bottom: 10px;
}

.add-comment-section form {
    display: flex;
    flex-direction: column;
}

.add-comment-section textarea {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 10px;
    height: 100px; /* 提供足够的输入空间 */
}

.add-comment-section button {
    background-color: #5cb85c; /* 按钮的颜色 */
    color: #fff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
}

.add-comment-section button:hover {
    background-color: #4cae4c; /* 深色背景，鼠标悬停效果 */
}

/* 响应式调整 */
@media (max-width: 768px) {
    .product-details {
        flex-direction: column;
    }
}
